﻿    <div class="patientInfo">
        <h1 class="sectionHeader" data-bind="text: Application.Resources.Views.Patient_chart.Patienteninfo">Patienteninfo</h1>
        <table>
            <tr>
                <th data-bind="text: Application.Resources.Views.Patient_chart.Geburtsdatum">geboren am:</th>
                <td data-bind="text: Globalize.format(patient.BirthDate, 'dd.MM.yyyy')"></td>
            </tr>
            <tr>
                <th data-bind="text: Application.Resources.Views.Patient_chart.Geburtsort">Geburtsort:</th>
                <td data-bind="text: patient.BirthPlace"></td>
            </tr>
            <tr>
                <th data-bind="text: Application.Resources.Views.Patient_chart.Familienstand">Familienstand:</th>
                <td data-bind="text: patient.MaritalStatus"></td>
            </tr>
            <tr>
                <th data-bind="text: Application.Resources.Views.Patient_chart.Nationalitat">Nationalitat:</th>
                <td data-bind="text: patient.Nationality"></td>
            </tr>
            <tr>
                <th data-bind="text: Application.Resources.Views.Patient_chart.Adresse">Adresse:</th>
                <td><span data-bind="text: patient.Street"></span><span data-bind="if: patient.Street && (patient.ZipCode || patient.City)">,</span> <span data-bind="text: patient.ZipCode + ' ' + patient.City"></span></td>
            </tr>
            <tr>
                <th></th>
                <td></td>
            </tr>
            <tr>
                <th data-bind="text: Application.Resources.Views.Patient_chart.Krankenkasse">Krankenkasse:</th>
                <td data-bind="text: patient.HealthInsuranceCompany"></td>
            </tr>
            <tr>
                <th data-bind="text: Application.Resources.Views.Patient_chart.Nummer">SVNr:</th>
                <td data-bind="text: patient.VSNR"></td>
            </tr>
            <tr>
                <th></th>
                <td></td>
            </tr>
            <tr>
                <th data-bind="text: Application.Resources.Views.Patient_chart.Aufnahme">Aufnahme:</th>
                <td data-bind="text: Globalize.format(patient.Reception, 'dd.MM.yy HH:mm')"></td>
            </tr>
            <tr>
                <th data-bind="text: Application.Resources.Views.Patient_chart.Aufnahmegrund">Aufnahmegrund:</th>
                <td data-bind="text: patient.ReceptionReason"></td>
            </tr>
            <tr>
                <th data-bind="text: Application.Resources.Views.Patient_chart.Betreutenstatus">Betreutenstatus:</th>
                <td data-bind="text: patient.CareStatus"></td>
            </tr>
        </table>
        <img class="patientPhoto" data-bind="attr: { src: $root.picture($data, $element) }" />
    </div>
    <div class="zusatzInfo scroll-y">
        <div id="colorRegister"></div>
        <h2 class="sectionHeader" data-bind="text: Application.Resources.Views.Patient_chart.Zusatzinfo">Zusatzinfo</h2>
        <ul class="in-sectionList padding-list" data-bind="foreach: patient.CareLevels">
            <li>
                <div class="zusatzinfoHeader" data-bind="text: Name"></div>
                <span data-bind="text: Application.Resources.Views.Patient_chart.GueltigSeit">gültig seit</span> <span class="careLevelDateFrom" data-bind="text: Globalize.format(DateFrom, 'd')"></span>
                <br /><br />
            </li>
        </ul>
        
        <div data-bind="if: patient.PrescriptionFreeFrom != null">
            <div class="zusatzinfoHeader" data-bind="text: Application.Resources.Views.Patient_chart.Rezeptgebuhrenbefreit">Rezeptgebuhrenbefreit</div>
            <span data-bind="text: Application.Resources.Views.Patient_chart.SeitDem">seit dem</span> <span data-bind="    text: Globalize.format(patient.PrescriptionFreeFrom, 'd')"></span>
            <br /><br />
        </div>
        <div data-bind="if: patient.IncontinenceFrom != null">
            <div class="zusatzinfoHeader" data-bind="text: Application.Resources.Views.Patient_chart.Inkontinenz">Inkontinenz</div>
            <span data-bind="text: Application.Resources.Views.Patient_chart.SeitDem">seit dem</span> <span data-bind="    text: Globalize.format(patient.IncontinenceFrom, 'd')"></span>
        </div>
    </div>
    <div class="kontaktPersonen overflow-IndicatorContener">
        <div class="sectionHeader listHeader listHeaderLeft" data-bind="text: Application.Resources.Views.Patient_chart.Kontaktpersonen">Kontaktpersonen</div>
        <div class="overflowIndicator fa fa-sign-out fa-2x fa-rotate-90"></div>
        <div class="leftList scroll-y padding-list">
            <ul data-bind="foreach: patient.Contacts">
                <li  data-bind="testOverflow: true">
                    <span class="spanBrBold" data-bind="text: Title + ' ' + FirstName + ' ' + LastName"></span>
                    <div class="floatRight" data-bind="text: 'Rang: ' + Rang"></div>
                    <span class="spanBr"><span data-bind="text: Street"></span><span data-bind="if: Street && (ZipCode || City)">,</span> <span data-bind="text: ZipCode + ' ' + City"></span></span>
                    <span class="spanBrBold" data-bind="text: Role"></span>
                    <div><span>Tel.: </span> <span class="contactTelephone" data-bind="text:(Telephone1.length > 0 ? Telephone1 : 'keine')"></span></div>
                    <span data-bind="text: 'Tel2.: ' + (Telephone2.length > 0 ? Telephone2 : 'keine')"></span>
                    <div class="floatRight" data-bind="text: 'Mobiltel.: ' + (Mobiltel.length > 0 ? Mobiltel : 'keine')"></div>
                </li>
            </ul>
        </div>
    </div>
    <div class="arzte overflow-IndicatorContener">
        <div class="overflowIndicator fa fa-sign-out fa-2x fa-rotate-90"></div>
        <div class="sectionHeader listHeader" data-bind="text: Application.Resources.Views.Patient_chart.Arzte">Arzte</div>
        <div class="rightList padding-list">
            <ul data-bind="foreach: patient.Doctors">
                <li data-bind="testOverflow:true">
                    <span class="spanBold" data-bind="text: Title + ' ' + FirstName + ' ' + LastName"></span>
                    <span class="spanBold floatRight" data-bind="if:IsHausarzt">Hausarzt</span>
                    <span class="spanBr"><span data-bind="text: Street"></span><span data-bind="if: Street && (ZipCode || City)">,</span> <span data-bind="text: ZipCode + ' ' + City"></span></span>
                    <span class="spanBrBold" data-bind="text: Role"></span>
                    <span class="spanBr" data-bind="text: 'Tel.: ' + (Telephone1.length > 0 ? Telephone1 : 'keine')"></span>
                    <span class="floatRight" data-bind="text: 'Mobiltel.: ' + (Mobiltel.length > 0 ? Mobiltel : 'keine')"></span>
                    <span class="spanBr" data-bind="text: 'Notfalltelefon.: ' + (Telephone2.length > 0 ? Telephone2 : 'keine')"></span>
                </li>
            </ul>
        </div>
    </div>